<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt" %>

<!DOCTYPE html>
<html>
<head>
	<title></title>

	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- 引入bootstrap -->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
	<!-- 引入JQuery  bootstrap.js-->
	<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
</head>
<body>
	<!-- 顶栏 -->
	<jsp:include page="top.jsp"></jsp:include>
	<!-- 中间主体 -->
		<div class="container" id="content">
		<div class="row">
			<jsp:include page="menu.jsp"></jsp:include>
			<div class="col-md-10">
				<div class="panel panel-default">
				    <div class="panel-heading">
						<div class="row">
					    	<h1 style="text-align: center;">修改考勤信息</h1>
						</div>
				    </div>
				    <div class="panel-body">
						<form class="form-horizontal" role="form" action="${pageContext.request.contextPath}/admin/editCheckingined.html" id="editfrom" method="post">
							<input type="hidden" value="${id}">
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">工号</label>
								<div class="col-sm-10">
									<input readonly="readonly"  type="number" class="form-control" id="inputEmail3" name="teacherID" value="${teacherID}">
								</div>
							</div>

							<div class="form-group">
								<label  class="col-sm-2 control-label">类型</label>
								<div class="col-sm-10">
									<select class="form-control" name="type" id="type" >
										<option value="旷工">旷工</option>
										<option value="迟到">迟到</option>
										<option value="早退">早退</option>
										<option value="请假">请假</option>
									</select>
								</div>
							</div>

							<div class="form-group">
								<label  class="col-sm-2 control-label">时间</label>
								<div class="col-sm-10">
									<input type="datetime-local" class="form-control"  name="time" value="${time}">
								</div>
							</div>
							<div class="form-group">
								<label  class="col-sm-2 control-label">备注</label>
								<div class="col-sm-10">
									<input type="text" class="form-control"  name="state" value="${state}" >
								</div>
							</div>
							<div class="form-group">
								<label  class="col-sm-2 control-label">扣钱</label>
								<div class="col-sm-10">
									<input type="text" class="form-control"  name="money" value="${money}" >
								</div>
							</div>
							  <div class="form-group" style="text-align: center">
								<button class="btn btn-default" type="submit">提交</button>
							  </div>
						</form>
				    </div>

				</div>

			</div>
		</div>
	</div>
	<div class="container" id="footer">
	<div class="row">
		<div class="col-md-12"></div>
	</div>
	</div>
</body>
	<script type="text/javascript">
		$("#nav li:nth-child(4)").addClass("active");

        var collegeSelect = $("#college option");
        for (var i=0; i<collegeSelect.length; i++) {
            if (collegeSelect[i].value == '${teacher.collegeid}') {
                collegeSelect[i].selected = true;
            }
        }

        var degreeSelect = $("#degree option");
        var titleSelect = $("#title option");

        for (var i=0; i<degreeSelect.length; i++) {
            if (degreeSelect[i].value == '${teacher.degree}') {
                degreeSelect[i].selected = true;
            }
        }
        for (var i=0; i<titleSelect.length; i++) {
            if (titleSelect[i].value == '${teacher.title}') {
                titleSelect[i].selected = true;
            }
        }

	</script>
</html>
